<!-- 样式-->
<style>
    table tr th, table tr td { border:1px solid #ccc; height: 30px;line-height: 30px}
</style>

<pro-header></pro-header>

<!--引入list组件-->
<nz-card [nzBordered]="false">
    <!--  form表单搜索 -->
       <form nz-form (ngSubmit)="getData('search')" [nzLayout]="'inline'">
                <div nz-row  [nzType]="'flex'" [nzJustify]="'start'" [nzGutter]="24">
                    
                     <div nz-col [nzSpan]="8" class="mb-md">
                            <div nz-form-item class="d-flex">
                                <div nz-form-label><label>运行环境</label></div>
                                <div nz-form-control class="flex-1">

                                     <nz-select style="width:100%"   nzAllowClear  nzShowSearch  [(ngModel)]="search.guidProfiles"  name="guidProfiles" [nzSize]="'large'" [nzPlaceHolder]="'运行环境'" nzId="guidProfiles">
                                        <nz-option  *ngFor="let i of elementScice;" [nzLabel]="i.profilesName" [nzValue]="i.guid"></nz-option>
                                    </nz-select>
                                    <!--<nz-input [(ngModel)]="search.guidProfiles" name="guidProfiles" [nzSize]="'large'" [nzPlaceHolder]="'运行环境'" nzId="guidProfiles"></nz-input>-->
                                </div>
                            </div>
                        </div>
                  <div nz-col [nzSpan]="8" class="mb-md">
                            <div nz-form-item class="d-flex">
                                <div nz-form-label><label>核对状态</label></div>
                                <div nz-form-control class="flex-1">

                                     <nz-select style="width:100%"   nzAllowClear  nzShowSearch  [(ngModel)]="search.checkStatus"  name="checkStatus" [nzSize]="'large'" [nzPlaceHolder]="'核对状态'" nzId="checkStatus">
                                        <nz-option  *ngFor="let i of checkStatusGroup;" [nzLabel]="i.label" [nzValue]="i.value"></nz-option>
                                    </nz-select>
                                    <!--<nz-input [(ngModel)]="search.guidProfiles" name="guidProfiles" [nzSize]="'large'" [nzPlaceHolder]="'运行环境'" nzId="guidProfiles"></nz-input>-->
                                </div>
                            </div>
                        </div>
                
                     <div nz-col [nzSpan]="5"  class="mb-md" [class.text-right]="expandForm">
                            <button nz-button type="submit" [nzType]="'primary'"  [nzSize]="'large'">查询</button>
                            <button nz-button type="reset" (click)="reset()" [nzSize]="'large'" class="mx-sm">重置</button>
                           
                        </div>
                </div>
            </form>

    <app-list #child [initDate]="data" 
                     [loading]="listloading"
                      [configTitle]="configTitle"
                       [showAdd]="showAdd" 
                       [isPagination]="isPagination"  
                       (addCreat)="addHandler($event)" 
                       (buttonData)="buttonDataHandler($event)" 
                       (pageNumber)="monitorHandler($event)"
                        (deleatData)="deleatData($event)" 
                        (isActive)="isActive($event)" 
                        (buttonEvent)="buttonEvent($event)" 
                        (selectedRow)="selectedRow($event)" 
                        [headerDate]="headerDate"
                        [isShowTotalhead]="isShowTotalhead" 
                        [total]="total" 
                        [pageTotal] = 'pageTotal'  
                        [pageIndex]='pageIndex'>
     </app-list>

</nz-card>



 <!--核对详情-->
<nz-modal [nzVisible]="detailVisible" [nzMaskClosable]="false" [nzWidth]="1224" [nzTitle]="'核对详情'"   [nzContent]="modalsone"
          (nzOnCancel)="detailVisible=false"   [nzFooter]="foor" nzZIndex=800>
    <ng-template #modalsone>
        <nz-card [nzBordered]="false">
            <div nz-row [nzGutter]="24">
                 <app-mergelist  #child
                            [iStouchan]="iStouchanRecord"
                            [guid]="guid"
                            [istextVisible]="istextVisible"
                            (checkSave)="checkSave($event)"
                            (buttonClick)="buttonClick($event)"
                            (mergeClick)="mergeClick($event)"
                            (returnsclick)="returnsclick($event)"
                            [mergeListData]="mergeListData"
                            [checkModalData]='checkModalData'
                            [checkloading]='checkloading'
                            [deliveryResult]='deliveryResults'
                            [checkStatus]='checkStatus'
                            [title]='title'
                            [initOptions]='initOptions'
                            (selected)="selected($event)"
                            [isSpinning]="isSpinning"
                            (loadDatamerge)="loadDatamerge($event)"
                            [YpageIndex]="YpageIndex"
                            [YpageTotal]="YpageTotal"
                            (pageNumber)="DopageNumber($event)"
                            [isNow]='isNow'
                            [isWorkitem]='isWorkitem'
                            (chancanle)='chancanle($event)'
                            [addPatchType]="addPatchType"
                            (checkboxChild)="checkboxChild($event)"
                            (checkboxPatch)="checkboxPatch($event)"
                                     >
            </app-mergelist>
            </div>
        </nz-card>
    </ng-template>
    <ng-template #foor>

    </ng-template>
</nz-modal>





  <nz-modal [nzVisible]="isVisibleSuccess"  [nzTitle]="'确认提示'" [nzConfirmLoading]="isOkLoading"  [nzContent]="modalsSuccess"
          (nzOnCancel)="isVisibleSuccess=false"  (nzOnOk)="handleOkSuccess()" nzZIndex=999>
    <ng-template #modalsSuccess>
          <p>你确定要{{titlestr}}吗？</p>
        
    </ng-template>
</nz-modal>
